<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Title</title>
    <!-- 在当前页面引入外部js使用-->
    <script src="test1.js"></script>
</head>
<body onload="load()">
    <script type="text/javascript">

        function load() {
            alert("body标签一被浏览器加载就执行这个方法");
        }

        //定义数字类型
        var a =  1;
        //定义布尔类型
        var b = true;
        //定义字符串类型
        var c = "xxx";
        document.write(a);
        document.write(b);
        document.write(c);

        //定义对象类型
        var student = {id:1, name:"张三", age:18};
        document.write(student.id);

        //声明数组
        var array = [1, 2, 4, 5, 7];
        document.write(array);

        //定义数组, 数组里面是对象类型, 相当于java中的 List<Student>类型
        var list = [
            {id:1, name:"青龙", age:88},
            {id:2, name:"白虎", age:99},
            {id:3, name:"朱雀", age:100}
        ];
        document.write(list[1].name);

        var d = 1;
        var e = "1";
        document.write(d===e);

        //for循环
        var count = 0;
        for(var temp = 1; temp<=100; temp++) {
            count = count +temp;
        }
        document.writeln(count);

        /**
         * 累加从最小值, 到最大值的和
         * @param min
         * @param max
         */
        function add(min, max) {
            if (max <= min) {
                alert("最大值小于等于最小值, 无法累加!");
                return 0;
            }
            //累加的和
            var count = 0;
            //从最小值开始累加, 一直到最大值结束
            for(var temp = min; temp <= max ;temp++) {
                count = count + temp;
            }
            return count;
        }
        //调用方法
        var xxx = add(100, 200);
        document.writeln(xxx);

        //confirm("你好");

        /**
         * 删除方法, 点击删除按钮触发
         */
        function del() {
            var flag = confirm("你确定要删除吗!");
            document.writeln(flag);
            if (flag) {
                //调用服务器端删除方法
            }
        }

        /**
         * change方法, 内容改变触发这个方法
         */
        function change() {
            alert("内容改变了");
        }
    </script>

    <table width="800" border="1px">
        <tr>
            <td>id</td>
            <td>名字</td>
            <td>操作</td>
        </tr>

        <tr>
            <td>1</td>
            <td>青龙</td>
            <td>
                <input type="button" value="修改">
                <input type="button" value="删除" onclick="del()">
            </td>
        </tr>

        <tr>
            <td>2</td>
            <td>白虎</td>
            <td>
                <input type="button" value="修改">
                <input type="button" value="删除" onclick="del()">
            </td>
        </tr>
    </table>

    测试内容改变触发事件: <input type="text" onchange="change()">
    <a href="test2.html">跳转到test2页面</a>
</body>
</html>